<div data-page="<{$pageName}>" class="page subject_index">
    <div class="page-content" style="background-color:#fff">
         
        <div class="course_info_top">
            <div class="container">
                <div class="course_cover  pull-left">
                    <img src="__Img__/<{$data.picname}>@356h_600w_1e_0c">
                    <!--<a href="/lesson/ncre_651609/free/ncre" target="_blank" class="course_front " title="试听课程">试听课程</a>-->
                </div>
                <div class="course_info pull-left  pos_rel" style="margin-top:25px">
                    <div class="f24 clearfix">
                        <{$data.subject}>
                    </div>
                    <div class="clearfix"></div>
                    <p class="muted  mgt20">课时安排</p>
                    <div class="info_content">
                        <{$data.class_hours}>课时 <span class="muted light">/</span> 报名即学 至
                            <{$data.end_date}>
                    </div>
                    <p class="muted mgt20">课程特色</p>
                    <ul class="unstyled clearfix">
                        <li>
                            <i class="icon-system"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="学习规划一目了然，学习、练习、作业高度结合、完整的教学过程带来更好的学习效果！">系统化学习</a>
                        </li>
                        <li>
                            <i class="icon-qa"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="全职老师及时答疑，帮你快速解决任何学习中的问题">全职答疑</a>
                        </li>
                        <li>
                            <i class="icon-note"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="提供官方讲义，边学边记，随时记录错题，方便考前复习，无需教材">笔记错题集</a>
                        </li>
                        <li class="mgt10">
                            <i class="icon-notify"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="设定周计划，督促学习进度，短信提醒">进度提醒</a>
                        </li>
                        <li class="mgt10">
                            <i class="icon-test"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="编程练习，让你迅速学会！">编程练习</a>
                        </li>
                    </ul>
                    <div class="course_price mgt10">
                        <span class="nav-price"><span class="f24 red">￥</span>
                        <font id="order_amount_text" style=" font-size:48px">
                            <{$data.price}>
                        </font>
                        </span>
                        <span class="muted f14 ">&nbsp;&nbsp;&nbsp;(已有 <{$buy_count}> 个学生购买本课程)</span>
                    </div>
                    <a data-type="login" href="<{:U('Subject/index',array('subjectid'=>$data['subjectid']))}>" class="btn btn-success border-radius-none btn-lg col-md-4" style="margin-left:0;position:absolute;bottom:10px">试听</a>
                    <a href="javascript:" onClick="buy_now('1')" class="btn  btn-info border-radius-none btn-lg col-md-4" style="margin-left:200px;position:absolute;bottom:10px"> 立刻报名</a>
                </div>
            </div>
        </div>
        <div class="container" id="subject_detail_body">
            <div style="height:60px">
                <div class="sortlist clearfix  stuckMenu container" id="introNav" style="z-index:1000; padding-top:20px; background-color:#fff;">
                    <ul class="nav clearfix  pull-left">
                        <li class="active"><a onclick="return showTab(this)" _href="#introBrief" href="javascript:">购买须知</a></li>
                        <li class=""><a onclick="return showTab(this)" _href="#introLesson" href="javascript:">课程表</a></li>
                        <li class=""><a onclick="return showTab(this)" _href="#introVoice" href="javascript:">学员心声</a></li>
                    </ul>
                    <div class="stuck-right pull-right">
                        <span class="nav-price pull-left"> ￥<span ><{$data.price}></span> &nbsp;</span>
                        <a href="javascript:" onClick="buy_now('1')" class="btn  btn-info border-radius-none">立刻报名</a>
                    </div>
                </div>
            </div>
            <style>
            .detail_content {
                min-height: 200px; margin-bottom: 30px;color: #444;

            }
            .c-infor-title{
                height: 18px;
                overflow: hidden; 
            }
            .c-infor-title span {
    border-left: 5px solid #333;
    color: #333;
    font-size: 16px;
    display: inline-block;
    line-height: 18px;
    padding-left: 10px;
}
            .mgt60{ margin-top:60px;}
            .detail_content h3{font-size: 17px }
            </style>
            <div style="padding-top:10px;">
                <div class="detail_content" id="introBrief">
        <h3 class="mgl10"> 购买课程相关小知识</h3>
         <ul class="unstyled">
                        <li class="guide-step">
                            <div class="step-icon"> 1</div>
                            <p class="text-error bold"> 
                            在<b><{$data['end_date']}></b>前 ，完成 <b><{$data['scholarship_score']}></b> 学分才能毕业，未达到学分的学员将有一次申请重学</p>
                        </li>

                        <li class="guide-step">
                            <div class="step-icon">2 </div>
                            <p class="text-error bold"> 
                             学员可以通过提问，回答问题，观看视频，完成练习获得学分
                            </p>
                        </li>
                        <li class="guide-step">
                            <div class="step-icon"> 3 </div>
                            <p class="text-error bold">提前毕业的党员可以申请奖金学金</p>
                        </li>
                        <li class="guide-step">
                            <div class="step-icon"> 4 </div>
                            <p class="text-error bold">购买成功之后，10天内可以申请退学费</p>
                        </li>
                       
   </ul>
                 
                  <h3 class="mgl10 mgt60"> 如何申请奖学金</h3>
                    <ul class="unstyled">
                        <li class="guide-step">
                            <div class="step-icon"> 1</div>
                            <p class="text-error bold"> 
                            在<{$data['end_date']}>, 完成<b><{$data['scholarship_score']}></b> 学分 可以申请奖学金</p>
                        </li>

                        
                        <li class="guide-step">
                            <div class="step-icon"> 2 </div>
                            <p class="text-error bold">可申请奖学金金额等于学分 ，比如你当前学分为1000，那么可以申请1000元奖学金</p>
                        </li>
                        <li class="guide-step">
                            <div class="step-icon"> 3 </div>
                            <p class="text-error bold"> 申请成功之后，奖学金发放你当前帐户下的学币里，学币可以用于购买其它课程，或者提现到微信帐户或支付宝帐户 </p>
                        </li>
   </ul>
 <h3 class="mgl10 mgt60"> 关于申请重学</h3>
                    <ul class="unstyled">
                        <li class="guide-step">
                            <div class="step-icon"> 1</div>
                            <p class="text-error bold"> 
                             每位学员，同一门课程只有一次申请重学机会
                            </p>
                        </li>

                        <li class="guide-step">
                            <div class="step-icon">2 </div>
                            <p class="text-error bold"> 
                            在 <b><{$data['end_date']}> </b>前，未完成 <b><{$data['relearn_score']}></b> 学分 可以申请重学</p>
                        </li>
    
                        
                    </ul>
                        
                 
                    <{$data.rntro}>
                </div>
                <div class="detail_content" id="introLesson">
                    <h6 class="c-infor-title"> <span>课程大纲</span></h6>
                    <if condition="$data['childs']">
                        <volist name="data['childs']" id="vo1">
                            <h3 style="margin-top:15px; color:green"><{$vo1.subject}></h3>
                            <{:Widget( 'BoxEdu/Index/subject_list/tpl/subject_list_no_link',array( 'subjectid'=>$vo1['subjectid'],'url'=>'Subject/lesson_detail'))}>
                        </volist>
                        <else/>
                        <{:Widget( 'BoxEdu/Index/subject_list/tpl/subject_list_no_link',array( 'subjectid'=>$subjectid,'url'=>'Subject/lesson_detail'))}>
                    </if>
                </div>
                <div class="detail_content" id="introVoice">
                    <h6 class="c-infor-title"> <span>学员心声</span></h6>
                    <{:Widget( 'BoxEdu/Index/order_comment/tpl/order_comment_2',array( 'pid'=>$subjectid))}>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" id="goods_amount" value="<{$data.price}>" />
   
    <script type="text/javascript">

    function showTab(_this) {
       // var id = $(_this).attr("_href");
        //$(".detail_content").hide();
        //$(id).show();
        
        var h = $(_this).attr('data-top');
        //$(_this).parent().parent().find("li").removeClass('active');
        //	$(_this).parent().addClass('active');
        $("[data-page='Index_subject_detail']").find(".page-content").animate({
            scrollTop: h + 'px'
        }, 800);

    }

    var buy_type = 1;
    var subjectid="<{$subjectid}>";
    var select_apply=1;
    //	var money=<{$user_info['money']|default="0"}>;

    //var check_url="/Subject/get_card";
    </script>
</div>
